<#include "/public/macro.html">
<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <#include "/apps/quality/include/left.html">
    </div>
</div>
<div class="layui-body">
    <div class="layui-side-scroll">
        <div class="layui-tab">
            <div class="layui-tab-content" style="padding:0px;">
                <div class="layui-tab-item layui-show">
                    <div class="box default-box" >
                        <div class="box-header">
                            <h3 class="box-title" >
                                搜索条件
                            </h3>
                        </div>
                        <div class="box-body" >
                            <form class="layui-form" name="search" action="/apps/qc/arbitrate/callevent/index.html" method="post">
                                <div class="ukefu-bt-text-content">
                                    <table class="layui-table" lay-skin="nob">
                                        <tbody>
                                        <tr class="tdHasContorllor design-dropable-td">
                                            <td width="1%" nowrap="nowrap">关键词：</td>
                                            <td width="20%"><input type="text" name="q" value="" style="height: 38px;line-height: 30px;margin-top: 10px;float:left;" placeholder="请输入查询条件" autocomplete="off" class="layui-input"></td>

                                            <td width="1%" nowrap="nowrap">筛选表单：</td>
                                            <td width="20%">
                                                <select name="qualityfilterid">
                                                    <option value="">请选择筛选表单</option>
                                                    <option value="2c9a58e66ce700d8016cec9d43350f03" >筛选表单名称1</option>
                                                    <option value="2c9a58e66d5db2dd016d7186f4b208e4" >WERWQ </option>
                                                </select>
                                            </td>

                                            <td width="1%" nowrap="nowrap">质检人：</td>
                                            <td width="20%" >
                                                <select id="qualitydisuser" name="qualitydisuser" lay-ignore class="layui-input layui-unselect" style="width: 100%">
                                                    <option value="" >qwe123</option>
                                                    <option value="" >dalao</option>
                                                    <option value="" >hxtest</option>
                                                    <option value="" >test_yijun</option>
                                                    <option value="" >test_gmq</option>
                                                    <option value="" >weich</option>
                                                    <option value="" >test_gyj</option>
                                                    <option value="" >v123</option>
                                                    <option value="" >test111</option>
                                                    <option value="" >asd123</option>
                                                    <option value="" >qwer1234</option>
                                                    <option value="" >caocao</option>
                                                    <option value="" >test</option>
                                                    <option value="" >demo10</option>
                                                    <option value="" >wangpengfei</option>
                                                    <option value="" >testrc</option>
                                                    <option value="" >LHQ test_1</option>
                                                    <option value="" >LHQ test_2</option>
                                                    <option value="" >LHQ test_3</option>
                                                    <option value="" >test1234</option>
                                                    <option value="" >weich1</option>
                                                    <option value="" >yuntest</option>
                                                    <option value="" >1qw2@12.com</option>
                                                    <option value="" >test20190923</option>
                                                    <option value="" >yuntext</option>
                                                    <option value="" >demo11</option>
                                                    <option value="" >test123</option>
                                                    <option value="" >felix</option>
                                                    <option value="" >gzxiaoi</option>
                                                    <option value="" >1099</option>
                                                    <option value="" >demo13</option>
                                                    <option value="" >2019</option>
                                                    <option value="" >testcao</option>
                                                    <option value="" >demo15</option>
                                                    <option value="" >u1</option>
                                                    <option value="" >u2</option>
                                                    <option value="" >u3</option>
                                                    <option value="" >u4</option>
                                                    <option value="" >c23</option>
                                                    <option value="" >mike</option>
                                                    <option value="" >callutest1</option>
                                                    <option value="" >callutest2</option>
                                                    <option value="" >callutest3</option>
                                                    <option value="" >pan</option>
                                                    <option value="" >zhongwutao</option>
                                                    <option value="" >admm</option>
                                                    <option value="" >zhangrr</option>
                                                    <option value="" >viewtest</option>
                                                    <option value="" >01018888888</option>
                                                    <option value="" >k1</option>
                                                    <option value="" >k2</option>
                                                    <option value="" >k3</option>
                                                    <option value="" >2020</option>
                                                    <option value="" >2021</option>
                                                    <option value="" >T1</option>
                                                    <option value="" >t7</option>
                                                    <option value="" >T2</option>
                                                    <option value="" >20191</option>
                                                    <option value="" >t8</option>
                                                    <option value="" >t9</option>
                                                    <option value="" >t10</option>
                                                    <option value="" >55k</option>
                                                    <option value="" >appceshi</option>
                                                    <option value="" >小小</option>
                                                    <option value="" >admin</option>
                                                </select>
                                            </td>

                                        </tr>

                                        <tr class="tdHasContorllor design-dropable-td">
                                            <td width="1%" nowrap="nowrap">质检活动：</td>
                                            <td width="20%">
                                                <select name="qualityactid" id="qualityactid" lay-filter="qualityactid">
                                                    <option value="">请选择质检活动</option>
                                                </select>
                                            </td>

                                            <td width="1%" nowrap="nowrap">分配状态：</td>
                                            <td width="20%">
                                                <select name="qualitydistype" id="qualitydistype">
                                                    <option value="">请选择分配状态</option>
                                                    <option value="not" >未分配</option>
                                                    <option value="disagent" >分配到坐席</option>
                                                    <option value="disorgan" >分配到部门</option>
                                                </select>
                                            </td>

                                            <td width="1%" nowrap="nowrap">部门：</td>
                                            <td width="20%">
                                                <select name="qualitydisorgan" id="qualitydisorgan">
                                                    <option value="">请选择部门</option>
                                                    <option value="2c9a58e66bd9b20a016bdac3f9d139d4" >test</option>
                                                    <option value="2c9a58e66c0de082016c0ded35ce008a" >123</option>
                                                    <option value="2c9a58e66c198343016c50160d775b6c" >v</option>
                                                </select>
                                            </td>
                                        </tr>

                                        <tr class="tdHasContorllor design-dropable-td">

                                            <td width="1%" nowrap="nowrap">质检状态：</td>
                                            <td width="20%">
                                                <select name="qualitystatus">
                                                    <option value="">请选择质检状态</option>
                                                    <option value="done" >已质检</option>
                                                    <option value="archive" >已归档</option>
                                                    <option value="disable" >无效</option>
                                                    <option value="recheck" >复检中</option>
                                                    <option value="appeal" >申诉中</option>
                                                </select>
                                            </td>

                                            <td width="1%" nowrap="nowrap">质检日期：</td>
                                            <td width="20%">
                                                <input name="begin" class="layui-input" placeholder="开始日期" value="" data-datetype="laydate" autocomplete="off">
                                            </td>

                                            <td width="1%" nowrap="nowrap" style="text-align: center;">～</td>
                                            <td width="20%">
                                                <input name="end" class="layui-input " placeholder="结束日期" value="" data-datetype="laydate" autocomplete="off">
                                            </td>

                                        </tr>

                                        <tr class="tdHasContorllor design-dropable-td">

                                            <td width="1%" nowrap="nowrap">
                                                <button class="layui-btn layui-btn-sm" type="submit">
                                                    <i class="layui-icon">&#xe615;</i>
                                                    查询					</button>
                                            </td>

                                        </tr>
                                        </tbody>
                                    </table>

                                </div>
                                <script>
                                    //Demo
                                    $(function(){

                                        if($("#condition").val() == 'scope'){
                                            $(".temp2").show();
                                            $(".temp1").hide();
                                        }
                                    });


                                    layui.use('form', function(){
                                        var form = layui.form;
                                        form.render(); //更新全部
                                    });
                                    layui.use(['element'], function(){
                                        var element = layui.element;
                                    });
                                    layui.use('laydate', function() {
                                        var laydate = layui.laydate;
                                    });
                                    layui.use(['layer', 'form'], function(){

                                        var layer = layui.layer, form = layui.form;
                                        /* form.on('select(qualityactid)', function(data) {

                                            var actid = data.value;

                                            loadURL("/apps/qc/task/tasklist?actid=" + data.value, "#taskid",function(){
                                                form.render("select");
                                            });
                                        }); */
                                        /* form.on('select(condition)', function(data) {

                                            var con = data.value;

                                            if(con == 'scope'){
                                                $(".temp1").hide();
                                                $(".temp2").show();
                                            }else{
                                                $(".temp2").hide();
                                                $(".temp1").show();
                                            }
                                        }); */

                                    });
                                    /* layui.use(['layer', 'form'], function(){


                                    var layer = layui.layer, form = layui.form;

                                        form.on('select(ownerdept)', function(data) {

                                            var organ = data.value;

                                            loadURL("/apps/callout/include/owneruser?id=" + data.value, "#owneruser",function(){
                                                form.render("select");
                                            });
                                        });

                                    }); */

                                    $(document).ready(function(){
                                        $("#qualitydisuser").select2({
                                            allowClear: true,
                                            language:'zh-CN',
                                            placeholder:"请选择坐席",
                                            ajax:{
                                                url:"/res/agent.html",
                                                dataType: 'json',
                                                delay: 250,
                                                processResults: function (data, params) {
                                                    return {
                                                        results: data
                                                    };
                                                }
                                            }
                                        });
                                        $(".ukefu-select").select2({minimumResultsForSearch: Infinity});
                                    });
                                </script>	    			</form>
                        </div>
                    </div>
                    <div class="box default-box" style="height: 100%;">
                        <div class="box-header">
                            <h3 class="box-title">
                                通话仲裁（0）

                                <!-- <div class="layui-btn-group ukefu-btn-group" style="float: right;">
                                        <button class="layui-btn layui-btn-sm dropdown-menu">
                                            <i class="kfont">&#xe672;</i> 导出
                                            <i class="layui-icon">&#xe625;</i>
                                        </button>
                                        <ul class="ukefu-dropdown-menu layui-anim layui-anim-upbit">
                                            <li>
                                                <a href="javascript:void(0)" id="batexp" title="导出选中结果" target="_blank">
                                                    <i class="kfont">&#xe672;</i>
        导出选中结果										</a>
                                            </li>
                                            <li>
                                                <a href="/apps/callcenter/service/expsearch.html?1=1&subtype=arbitratecall" title="导出联系人" target="_blank">
                                                    <i class="kfont">&#xe672;</i>
        导出当前搜索结果										</a>
                                            </li>
                                            <li>
                                                <a href="//apps/callcenter/service/expall.html" title="导出通话" target="_blank">
                                                    <i class="kfont">&#xe672;</i>
        导出全部数据										</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="layui-btn-group ukefu-btn-group" style="float: right;padding-right: 1%;">
                                        <button class="layui-btn layui-btn-sm" href="/apps/callcenter/service/imp.html" title="导入呼叫记录" data-toggle="ajax" data-width="950" data-height="600">
                                            <i class="kfont">&#xe641;</i> 导入
                                        </button>
                                    </div> -->
                            </h3>
                        </div>
                        <div class="box-body ukefu-im-theme">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="row" style="padding:5px;">
                                        <div class="col-lg-12">
                                            <table class="layui-table" lay-skin="line">
                                                <colgroup>
                                                    <col width="1%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="10%">
                                                    <col width="1%">
                                                </colgroup>
                                                <thead>
                                                </thead>
                                                <tbody>
                                                <div class="ukefu-empty">
                                                    <i class="layui-icon"></i>
                                                    <div style="">
                                                        还没有质检通话												</div>
                                                </div>
                                                </tbody>
                                            </table>								</div>
                                    </div>
                                    <div class="row" style="padding:5px;">
                                        <div class="col-lg-12" id="page" style="text-align:center;"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>